<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>使用 layDate 独立版</title>
    <link rel="stylesheet" href="layui/css/layui.css" media="all">
    <style type="text/css">
        body{
            background: url("image/mmexport1533826653727.jpg") no-repeat;
            height: 800px;
        }
        .firstdiv{
            margin-left: 200px;
            margin-top: 20px;
            width: 500px;
            height: 50px;
        }
        .firstdiv b{
            font-size: 22px;
            color: lightseagreen;
        }
        .seconddiv{
            margin-left: 200px;
        }
        .thirddiv{
            font-size: 22px;
            color: mistyrose;
            margin-left: 150px;
            margin-top: 20px;
        }
        #timeShow{
            margin-left: 120px;
            margin-top: 50px;
            padding-top: 15px;
            padding-left: 40px;
            color: lightseagreen;
            font-size: 25px;
            width: 500px;
            height: 50px;
            border: 2px solid blanchedalmond;
        }
    </style>
</head>
<body>

<div id="timeShow"></div>


<div class="firstdiv">
    <b>欢迎您来到西科超市后台管理系统!</b>
</div>
<div class="seconddiv">
    <p id="test1"></p>
</div>

<div class="thirddiv"></div>
<div style="float: right;margin-right: 230px;margin-top: -200px">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;    margin-left: 400px;">
        <legend> 请点击右上角完善个人资料</legend>
    </fieldset>


  </div>

<script src="layDate-v5.0.9/laydate/laydate.js"></script>
<script src="layui/layui.all.js"></script>
<script>
    //执行一个laydate实例
    laydate.render({
        elem: '#test1', //指定元素
        show: 'true',
        showBottom: false,
        theme: 'grid',
        position: 'static'
    });

    //显示当前时间
    var t = null;
    t = setTimeout(time,1000);//开始执行
    function time()
    {
        clearTimeout(t);//清除定时器
        dt = new Date();
        var n = dt.getYear();
        var mo = dt.getMonth();
        var d = dt.getDate();
        var h=dt.getHours();
        var m=dt.getMinutes();
        var s=dt.getSeconds();
        document.getElementById("timeShow").innerHTML =  "今天是："+(n+1900)+"年"+(mo+1)+"月"+d+"日"+h+"时"+m+"分"+s+"秒";
        t = setTimeout(time,1000); //设定定时器，循环执行
    }

//
</script>
</body>
</html>